<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
          xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head th:replace="top::html"> <!-- 引入样式 -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>对接详情添加页面</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>
<body class="fixed hold-transition skin-blue">

	<div class="wrapper">
	
		<!-- 引入表头 -->
		<div th:replace="tophtml::html"></div>
		<!-- 引入左边 -->
		<div th:replace="left::html"></div>

		<!-- 右侧添加功能 -->
		<div class="content-wrapper">
			<!-- 页眉 -->
			<section class="content-header">
				<h1>添加对接详情</h1>
			</section>
			<section class="content container-fluid">
				<!-- 表单（添加了表单样式） class="form-inline" -->
				<form th:action="@{/details/addDetails}" method="post" enctype="multipart/form-data" th:object="${buttDetails}">
					<div class="form-group">
						<label><font color="red">*</font>对接状态：</label> 
						<select name="buttStatus" class="form-control">
							<option>-请选择-</option>
							<option th:each="psd : ${buttStatus}" th:value="${psd.pid}" th:text="${psd.worth}"></option>
						</select>
						<!-- <p style="color: red;" th:if="${#fields.hasErrors('buttStatus')}" th:errors="*{buttStatus}">Error</p>  -->
					</div>
					<div class="form-group">
						<label><font color="red">*</font>对接时间:</label>
						<div class="input-group date">
							<div class="input-group-addon">
								<i class="fa fa-calendar"></i>
							</div>
							<input type="text" name="buttDataTime" class="form-control pull-right" id="datepicker">
							<!-- <p style="color: red;" th:if="${#fields.hasErrors('buttDataTime')}" th:errors="*{buttDataTime}">Error</p> -->
						</div>
					</div>
					<div class="form-group">
						<label for="exampleInputFile"><font color="red">*</font>对接附件：</label> 
						<input type="file" name="buttaNnex">
						<!-- <p style="color: red;" th:if="${#fields.hasErrors('buttaNnex')}" th:errors="*{buttaNnex}">Error</p> -->
					</div>
					<div class="form-group">
						<label><font color="red">*</font>对接详情：</label> 
						<input type="text" name="buttDetails" class="form-control" placeholder="对接详情 ...">
						<!-- <p style="color: red;" th:if="${#fields.hasErrors('buttDetails')}" th:errors="*{buttDetails}">Error</p> -->
					</div>
					<div class="form-group">
						<label><font color="red">*</font>对接负责人：</label> 
						<input type="text" name="buttPersonId" class="form-control" placeholder="对接负责人...">
						<!-- <p style="color: red;" th:if="${#fields.hasErrors('buttPersonId')}" th:errors="*{buttPersonId}">Error</p> -->
					</div>
					<div class="form-group">
						<label><font color="red">*</font>future：</label> 
						<input type="text" name="future" class="form-control" placeholder="future ...">
						<!-- <p style="color: red;" th:if="${#fields.hasErrors('future')}" th:errors="*{future}">Error</p> -->
					</div>
					<div class="form-group">
						<label>备注1：</label> 
						<input type="text" name="remark1" class="form-control" placeholder="备注1 ...">
					</div>
					<div class="form-group">
						<label>备注2：</label> 
						<input type="text" name="remark2" class="form-control" placeholder="备注2 ...">
					</div>
					<button type="submit" class="btn btn-primary">提交</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<button type="reset" class="btn btn-primary">重置</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<button type="button" class="btn btn-primary" onclick="window.history.go(-1)">返回</button>
				</form>
			</section>
		</div><!-- 右侧添加功能结束 -->
		
		<!-- 引入页脚 -->
		<div th:replace="footer::html"></div>
		<div class="control-sidebar-bg"></div> 
	</div>

	<script src="/bower_components/jquery/dist/jquery.min.js"></script>
	<script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
	<script src="/dist/js/adminlte.min.js"></script>
	<script src="/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
	<script src="/bower_components/moment/min/moment.min.js"></script>
	<script src="/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
	
	<script type="text/javascript">
		//Date picker
		$('#datepicker').datepicker({
			autoclose : true
		})
	</script>
</body>
</html>